    /** 上下公共区域CSS样式 **/
    /*设置居中区域的公共样式*/
    .center{
        /*指定宽度，高度由他们本身决定*/
        width: 990px;
        /*margin清0然后居中*/
        margin:0px auto;
    }
    .fz14{
        font-size: 22px;
        color: #FF3232;
    }

    /*设置字样*/
    .top .top_a{
        height: 47px;
        line-height: 47px;
    }
    /** 顶部END **/

    /** logo Begin **/
    .logo{
        height: 129px;
        background-color:#C4261D;
    }
    .logo .l_c{
        height: 129px; 
    }
    .logo .l_left h1 a{
        /*a标签是行内元素是没法给图片设置宽高的 ，所以要转换为行内块*/
        display: inline-block;
        margin-top: 15px;
        height: 97px;
        width: 221px;
        /*将a标签的美食美刻文本缩9999的文字高度，这样就看不到了*/
        text-indent: -9999em;
        /*图片背景相对路径*/
        background: url("/meishimeike/logo/meishijielogo_2.png") no-repeat;
    }
    /*搜索区域*/
    .logo .l_center {
        width: 296px;
        height: 28px;
        background-color: #FFF;
        padding:1px;
        margin-top: 56px;
        margin-left: 85px;
        /*统一给四角加上圆角*/
        border-radius: 6px;
    }
    .logo .l_center .txt{
        width: 236px;
        height: 28px;
        /*取消输入框的蓝色边框*/
        outline: none;
        /*统一给四角加上圆角*/
        border-radius: 6px;
    }
    .logo .l_center .btn{
        width: 60px;
        height: 28px;
        background-color:#C4261D;
        /*统一给四角加上圆角*/
        border-radius: 6px;
    }
    /*右侧登录部分*/
    .logo .l_right {
        margin-top: 49px;
       
    }
    .logo .l_right li{
        float: left;
        height: 30px;
        line-height: 30px;
        margin-left: 20px;
        padding: 5px;
    }
    .logo .l_right a{
        font-size: 12x;
        color: #FFF;
    }
    .logo .l_right .btn{
        width: 56px;
        height: 30px;
        font-size: 14px;
    }
    .logo .l_right .l_b1{
        display: inline-block;
        width: 24px;
        height: 20px;
        background: url(../image/qq.png);
        /*设置元素和父元素垂直对齐*/
        vertical-align: middle;
    }
    .logo .l_right .l_b2{
        display: inline-block;
        width: 24px;
        height: 20px;
        background: url(../image/xinlang.png);
        /*设置元素和父元素垂直对齐*/
        vertical-align: middle;
    }
    /** logo END **/

    /** 底部Begin **/
    /* 盒子1 */
    .foot{
        height: 464px;
        background-color: #3F3A32;
        padding-bottom: 60px;
        margin-top: 40px;
    }
    .foot .add_1{
        position: relative;
        height: 196px;
    }
    /*左侧图片*/
    .foot .add_1 .f_left{
        background: url("/meishimeike/logo/meishijielogo.png")left center no-repeat;
        background-size: 70% auto;
        width: 600px;
        height: 196px;
    }
    /*右侧logo*/
    .foot .add_1 .f_right{
        position: absolute;
        right: 0px;
        top: 30px;
        height: 160px;
        width: 485px;
    }
    .foot .add_1 .f_right li{
        margin-left: 20px;
        float: left;
        width: 100px;
        height: 100px;
    }
    /*因为设置了左侧的距离，所以要将图片反方向位移到指定长度的框内*/
    .foot .add_1 .f_right img{
        display: inline-block;
        margin-left: -22px;
        width: 105px;
        height: 105px;
    }
    .foot .add_1 .f_right span{
        /*因为它为块级元素，所以要将它转换为行内块元素*/
        display: inline-block;
        font-size: 12px;
        color: #666666;
        text-align: center;
    }

    /* 盒子2 */
    .foot .add_2{
        height: 119px;
    }
    .foot .add_2 dl{
        padding: 10px 0px;
    }
    .foot .add_2 dl dt{
        font-size: 14px;
        color: #fff;
        height: 40px;
        border-bottom: 1px solid #444;
        line-height: 40px;
        float: left;
        display: block;
        width: 990px;
        margin-bottom: 8px;
    }
    .foot .add_2 dl dd{
        float: left;
        height: 25px;
        line-height: 25px;
        color: #fff;
        width: 99px;
        cursor: pointer;
    }
    .foot .add_2 dl dd a{
        color: #999;
        font-size: 12px;
    }
    .foot .add_2 dl dd.on a{
        color: red;
        text-decoration:underline;
    }
    .foot .add_2 dl dd a:active{
        color: rgb(172, 21, 21);
    }

    /* 盒子3 */
    .foot .add_3{
        border-top: 1px solid #444;
        text-align: center;
        padding: 10px 0px 30px 0px;
        width: 990px;
        height: 24px;
    }
    .foot .add_3 ul li{
        display: inline-block;
        vertical-align: top;
    }
    .foot .add_3 ul li a{
        /* 将a标签转换为块级元素 保证能够撑满li */
        display: block;
        color: #999;
        padding: 0px 10px;
        line-height: 24px;
        height: 24px;
        font-size: 13px;
        transition: 0.3s;
    }
    /* 让警徽logo在p标签中居中 */
    .foot .add_3 p a img{
        vertical-align:middle;
    }
    .foot .add_3 ul li.on a{
        background: red;
        color: white;
    }
    .foot .add_3 p{
        font-size: 12px;
        height: 24px;
        line-height: 24px;
        color: #666;
    }
    .foot .add_3 p a{
        color: #666666;
    }
    /** 底部END **/
    /*当鼠标指向顶部右侧区域调用navshare函数进行添加on类名*/
    #listloge li.on{
        background: rgba(0,0,0,0.3);
        border-radius: 6px;
        text-decoration: underline;
        cursor: pointer;
    }

